<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
        <style>
            .m {
                width: 79%;
                height: 50px;
                margin: 0 auto;
            }
            .lim {
                list-style: none;
                float: left;
                width: 300px;
                height: 45px;
                line-height: 45px;
                font-weight: 700;
            }
            .lim1 {
                width: 38px;
                height: 43px;
                background: url(../img/pic1.png)no-repeat;
                background-position: 0px -191px;
                display: inline-block;
                vertical-align: middle;
            }
            .lim2 {
                width: 40px;
                height: 45px;
                background: url(../img/pic1.png)no-repeat;
                background-position: -38px -188px;
                display: inline-block;
                vertical-align: middle;
            }
            .lim3 {
                width: 41px;
                height: 44px;
                background: url(../img/pic1.png)no-repeat;
                background-position: -80px -190px;
                display: inline-block;
                vertical-align: middle;
            }
            .lim4 {
                width: 40px;
                height: 45px;
                background: url(../img/pic1.png)no-repeat;
                background-position: -121px -191px;
                display: inline-block;
                vertical-align: middle;
            }
            div {
                width: 70%;
                height: 50px;
                margin: 0 auto;
            }
            .n {
                list-style: none;
                margin-top: 200px;
            }
            .n li {
                float: left;
                margin-left: 10px;
            }
            .lin1 {
                width: 101px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -105px -1px;
                /* float: left;
                padding-left: 10px; */
            }
            .lin2 {
                width: 90px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -1px -34px;
            }
            .lin3 {
                width: 104px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -105px -33px;
            }
            .lin4 {
                width: 101px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -1px -68px;
            }
            .lin5 {
                width: 101px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -105px -67px;
            }
            .lin6 {
                width: 101px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -2px -102px;
            }
            .lin7 {
                width: 68px;
                height: 30px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -105px -101px;
            }
            .lin8 {
                width: 101px;
                height: 31px;
                background: url(../img/pic3.png) no-repeat;
                background-position: -104px -132px;
            }
            .hr1 {
                margin-top: 300px;
            }
        </style>
</head>
<body>
    <ul class="m">
        <li class="lim"><div class="lim1"></div>品类齐全，轻松购物</li>
        <li class="lim"><div class="lim2"></div>多仓直发，极速配送</li>
        <li class="lim"><div class="lim3"></div>正品行货，精致服务</li>
        <li class="lim"><div class="lim4"></div>天天低价，畅选无忧</li>
    </ul>
    <hr>
    <hr class="hr1">
    <div>
        <ul class="n">
            <li class="lin1"></li>
            <li class="lin2"></li>
            <li class="lin3"></li>
            <li class="lin4"></li>
            <li class="lin5"></li>
            <li class="lin6"></li>
            <li class="lin7"></li>
            <li class="lin8"></li>
        </ul>
    </div>
</body>
</html>